<template>
    <div v-if="value" class="mask" @click="close" @touchmove.stop.prevent="() => {}">
        <slot/>
    </div>
</template>
<script>
export default {
    name:'masks',
    props: {
        value: {
        type: Boolean,
        },
        active: {
        type: Number,
        },
    },
    watch:{
        value(S){
            console.log(S,'哈哈我也是笑了')
        }
    },
    methods:{
        close(){
            this.$emit('close',false)
        }
    }
}
</script>
<style lang="less" scoped>
.mask{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10070;
    background-color: rgba(0, 0, 0, 0.6);
    transition: all 0.6s ease-in-out 0s;
}
</style>